<section>
  {{tableData | json}}
  <fui-table
    [fuiTableFlex]="[1,1,1,3,1]"
    (selectChange)="selectChange($event)"
  >
    <fui-table-head fuiTableSelect>
      <div>ID</div>
      <div>Name</div>
      <div>Type</div>
      <div>Description</div>
      <div>Operation</div>
    </fui-table-head>
    <fui-table-row
      *ngFor="let datum of tableData"
      [fuiTableRowDatum]="datum"
      fuiTableSelect
      [fuiTableSelectHide]="datum.hideCheckbox"
    >
      <div>{{datum.id}}</div>
      <div>
        <strong>{{datum.name}}</strong>
      </div>
      <div>{{datum.type}}</div>
      <div>{{datum.desc}}</div>
      <div>
        <fui-table-checkbox-operation
          [record]="datum"
          (deleteEvent)="onDelete(datum)"
        ></fui-table-checkbox-operation>
      </div>
    </fui-table-row>
  </fui-table>
</section>
